<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta chaset="utf-8"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=8"/>
<title>KindEditor 在线编辑器使用</title>
</style>
[#-- 引入样式 --]
</head>

<body>
<textarea id="editor_id" name="content" style="width:700px;height:300px;"></textarea>

<button onclick="_submit();">提交</button>

[#-- 引入Js --]
<script type="text/javascript" src="../jQuery/1.7.2/jquery-1.7.2.min.js"></script>
<script type="text/javascript" charset="utf-8" src="../kindEditor/4.1.7/kindeditor.js"></script>
<script type="text/javascript" charset="utf-8" src="../kindEditor/4.1.7/lang/zh_CN.js"></script>
<script type="text/javascript">
var editor;
$(function() {
	editor = KindEditor.create('textarea[name="content"]', {
		fontSizeTable : ['9px', '10px', '12px', '14px', '16px', '18px', '24px', '32px'], [#-- 指定文字大小 --]
		resizeType : 1, [#-- 2或1或0，2时可以拖动改变宽度和高度，1时只能改变高度，0时不能拖动。 --]
		afterBlur : function() {
			alert("编辑器失去焦点(blur)时执行的回调函数");
		},
		uploadJson : "../demo/upload",
		allowFileManager : true,
		allowImageRemote : false, [#-- 禁止显示网络图片 --]
		afterUpload : function (_url) {
			alert("上传文件后执行的回调函数。URL:" + _url);
		},
		extraFileUploadParams : {
			[#-- 上传图片、Flash、视音频、文件时，支持添加别的参数一并传到服务器 --]
			id : 1000
		},
		items : [#-- 指定显示工具栏 --]
		[
			'print', 'plainpaste', 'wordpaste', '|', 'undo', 'redo', '|', 'lineheight', 'removeformat', '|', 'image', 'multiimage', 'table', 'hr', 'link', 'unlink', '|',  'fullscreen', 'source', '/',  
			'fontname', 'fontsize', 'bold', 'italic', 'underline', 'strikethrough', 'subscript', 'superscript',  '|', 'hilitecolor', 'forecolor', '|', 'justifyleft', 'justifycenter', 'justifyright', 'justifyfull', '|', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent',
		]
	});
});

function _submit () {
	editor.sync();
	alert(editor.html());
}
</script>
</body>
</html>